<template>
	<j-page ref="page" title="钱包">
		<view class="remainingSum">
      <view>余额（￥）</view>
      <view class="remainingSum_num">0.00</view>
    </view>
    <view>
      <u-cell-group>
        <u-cell-item title="充值" @click="$Router.push({name: 'topUp'})">
          <view slot="icon" class="u_cell_icon">
            <u-image src="/static/icons/topUp.svg" :width="40" :height="40"></u-image>
          </view>
        </u-cell-item>
      </u-cell-group>
      <u-gap height="20"></u-gap>
      <u-cell-group>
        <u-cell-item title="小额免密支付" :arrow="false" hover-class="none">
          <view slot="icon" class="u_cell_icon">
            <u-image src="/static/icons/bill.svg" :width="40" :height="40"></u-image>
          </view>
          <u-switch slot="right-icon" v-model="checked"></u-switch>
        </u-cell-item>
      </u-cell-group>
    </view>
	</j-page>
</template>

<script>
	export default {
		data() {
			return {
        checked:false
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
.remainingSum{
  padding:  32rpx;
  color: #606266;

  &_num{
    font-size: 70rpx;
    margin-left: 40rpx;
  }
}
</style>
